<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.container {
			width: 500px;
		}
		.box {
			width: 100%;
			height: 100%;
		}
		.box1 {
			position: relative;
			background-color: #ee5a58;
		}
		.box1::after {
			content: "";
			position: absolute;
			left: 0;
			bottom: -100px;
			width: 0;
			height: 0;
			border-style: solid;
			border-top-width: 0;
			border-right-width: 0;
			border-left-width: 500px;
			border-bottom-width: 100px;
			border-left-color: #ee5a58;
			border-bottom-color: #f2f7fb;
		}
		.box2 {
			margin-top: 10px;
			background-color: #f2f7fb;	
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="box box1"></div>
		<div class="box box1"></div>
	</div>
</body>
</html>